import React from 'react'
import { Routes, Route, useRoutes } from "react-router-dom"
import routes from "@/router"
export default function App() {
  /* 
    useRoutes
      * 这个是react-router提供的hooks
      * 可以接收一个路由表,转为Routes和Route组件组成的路由规则的虚拟DOM
  */
  // const result =useRoutes(routes)
  // console.log(result);
  return (
    // <div>
    //   <Routes>
    //    {
    //     routes.map(item =>{
    //       return <Route key={item.path} path={item.path} element={item.element}>
    //          {
    //             item.children && item.children.map(item => {
    //               return <Route key={item.path} path={item.path} element={item.element}></Route>
    //             })
    //           }
    //       </Route>
    //     })
    //    }
    //   </Routes>
    // </div>
    <div>
      {useRoutes(routes)}
    </div>
  )
}

